/**
 * Created by dell on 2017/7/15.
 */
//1.0
var htmlWP=require('html-webpack-plugin');

module.exports={
    entry:'./scr/main.js',//指定打包的入口文件
    output:{
        path:__dirname+'/dist',//打包后存放的路径,改路径为绝对路径
        filename:'build.js'
    },
    module:{
        loaders:[
            {
                test:/\.css$/,//打包.css文件
                loader:'style-loader!css-loader'
            },
            {
                test:/\.scss$/,//打包.scss文件
                loader:'style-loader!css-loader!sass-loader'
            },
            {
                test:/\.less/,//打包.less文件
                loader:'style-loader!css-loader!less-loader'
            },
            {
                test:/\.(jpg|png|gif|ttf)$/,//打包url文件
                loader:'url-loader?limit=20000'//limit限制图片的大小为20k为临界值,小于20k就打包到bulid.js文件中,这样请求就很快(优化操作)
            },
            {
                test:/\.js$/,//将js文件中的es6语法转成es5语法
                loader:'babel-loader',
                exclude:/node_modules/
            },
            {
                test:/\.vue$/,//解析.vue文件
                loader:'vue-loader',  
            }
        ]
    },
    babel:{
        presets:['es2015'],//配置将es6语法转换成es5语法
        plugins:['transform-runtime']
    },
    plugins:[
        new htmlWP({
            title: '首页',  //生成的页面标题
            filename: 'index.html', //webpack-dev-server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
            template: 'index1.html' //根据index1.html这个模板来生成(这个文件请程序员自己生成)
        })
    ]
}